<!--
 * @Author: zhangjingyu
 * @Date: 2020-10-22 19:29:59
 * @LastEditors: zhangjingyu
 * @LastEditTime: 2020-12-04 09:51:39
 * @FilePath: \vprisk10.14\src\views\SystemMange\personInfo.vue
 * @Description: 个人信息
-->

<template>
  <!-- 个人信息页面 -->
  <div>
      <!-- <h2 class="tit">个人信息</h2> -->
      <div class="infoBox">
        <ul>
          <li v-for="(item, i) in infoList" :key="i">
            <h4><i :class="item.icon"></i>{{ item.title }}</h4>
            <p v-for="(item0, i0) in item.itemArr" :key="i0">{{ item0 }}</p>
          </li>
        </ul>
      </div>
  </div>
</template>

<script>
import { systemManage } from "@/api/index";
export default {
  name:"persionInfo",
  data() {
    return {
      infoList: [
        {
          title: "基本信息",
          icon: "iconfont icon-jibenxinxi",
          itemArr: ["", "","","","","",""]
        },
        // {
        //   title: "联系方式",
        //   icon: "iconfont icon-lianxifangshi",
        //   itemArr: ["移动电话：	13000400496","办公电话：	0310-4567858","家庭电话：	0310-4567885","邮箱地址：	123@vprisk.com"]
        // },
        // {
        //   title: "所属机构",
        //   icon: "iconfont icon-jigouguanli",
        //   itemArr: ["泛鹏银行"]
        // },
        {
          title: "用户角色",
          icon: "iconfont icon-yonghuguanli",
          itemArr: ["总行头寸管理员,分行头寸管理员,支行头寸管理员,sysadmin"]
        }
      ]
    };
  },
  created(){
    this.getUserInfo()
  },
  methods:{
    getUserInfo(){
      systemManage.getCurrentUserInfo().then(res=>{
        if(res.code==200){
          
          // 基本信息
            this.$store.commit('setUserInfo',res.data)

        this.infoList[0].itemArr[0] = '用户姓名： '+res.data.realName;
        // this.infoList[0].itemArr[1] = '身份证号： '+res.data.idcard;
        this.infoList[0].itemArr[2] = '移动电话： '+res.data.mobilePhone;
        this.infoList[0].itemArr[3] = '办公电话： '+res.data.officePhone;
        this.infoList[0].itemArr[4] = '家庭电话： '+res.data.famliyPhone;
        this.infoList[0].itemArr[5] = '邮箱地址： '+res.data.email;
        this.infoList[0].itemArr[6] = '所属机构： '+res.data.orgName;
        // 用户角色
        this.infoList[1].itemArr[0] = res.data.roles?res.data.roles.map(v=>v.roleName).toString():"";
        this.$forceUpdate()
        }
      }).catch(err=>{console.log(err)})

    }
  }
};
</script>

<style lang="scss" scoped>
.tit {
  font-size: 18px;
}
.infoBox {
  font-size: 14px;
  ul li {
    margin: 20px;
    h4 {
      i {
        color: #8d97b0;
        font-size: 18px !important;
      }
    }
    p{
        margin: 10px 50px;
    }
  }
}
</style>